<template>
  <div class="goods">
    <div class="content">
      <pageContent :contentTableConfig="contentTableConfig" page-name="goods">
        <template #image="scope">
          <el-image
            style="width: 60px; height: 60px"
            :src="scope.row.imgUrl"
            :preview-src-list="[scope.row.imgUrl]"
            :preview-teleported="true"
          />
        </template>
        <template #oldPrice="scope">
          <p>{{ '￥' + scope.row.oldPrice }}</p>
        </template>
        <template #newPrice="scope">
          <p>{{ '￥' + scope.row.newPrice }}</p>
        </template>
      </pageContent>
    </div>
  </div>
</template>

<script setup lang="ts">
import pageContent from '@/components/page-content/src/page-content.vue'
import { contentTableConfig } from './config/pageContent.config'
</script>

<style scoped>
.content {
  margin-top: 20px;
  padding: 20px;
  background-color: #ffffff;
}
</style>
